<template>
    <div class="list-info">
       <ul>
           <li>
               <img src="../../../assets/meirong1.jpg" alt="">
               <p>【自体脂肪填充】【清华羽泉@吕晓杰】
                   自体脂肪面部填充一个部位</p>
               <div>
                   <span>￥389</span><span>599</span><span>预约：1500</span>
               </div>
           </li>
       </ul>
    </div>
</template>

<script>
    export default {
        name: "ListInfo"
    }
</script>

<style scoped lang="less">
    @import "../../../style/style";
.list-info{
    ul{
        li{
            img{
                width: 100%;
                height: 218px;
            }
            p{
                color: @theme-color-dark;
                font-size: 12px;
            }
            div{
                margin-top: 10px;
                >:first-child{
                    color: @theme-color-dark;
                    font-size: 16px;
                    font-weight: bold;
                }
                >:nth-child(2){
                    text-decoration:line-through;
                    color: #999999;
                    font-size: 12px;
                }
                >:nth-child(3){
                    color: #999999;
                    font-size: 12px;
                }
        }
    }
}
}
</style>